<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人主页</title>
		<style type="text/css">
			body{background-image: url(img/主页背景.webp);}
			.p1{font-family: 宋体;}
			.nav{
				width: 550px;height: 35px;
				background-color: #0066ff;
			}
			li{list-style: none;float: left;width: 120px;}
			a:link{color: #ff0000;} /未被访问的链接是红色/
			a:visited{color: #00ff00;} /已被访问的链接是绿色/
			a:link{color: #ffcc00;} /鼠标悬浮在上的链接是橙色/
			a:link{color: #0000ff;} /鼠标点中激活链接是蓝色/
			
			*{
				margin: 0px;
				padding: 0px;
			}
			body{
				font-family: 宋体;
				font-size: 12px;
				margin: 0px auto;
				height: auto;
				width: 760px;
				border: 1px solid #006633;
			}
			#header{
				height: 100px;
				width: 100%;
				background-color: darkseagreen;
				margin: 0px 0px 3px 0px;
			}
			#nav{
				height: 25px;
				width: 100%;
				font-size: 14px;
				list-style-type: none;
			}
			#nav li{
				float: left;
			}
			#nav li a{
				color: #000000;
				text-decoration: none;
				padding-top: 4px;
				display: block;
				width: 97px;
				height: 22px;
				text-align: center;
				background-color: darkseagreen;
				margin-left: 2px;
			}
			#nav li a:hover{
				background-color: darkseagreen;
				color: #ffffff;
				
			}
			#content{
				height: auto;
				width: 740px;
				line-height: 1.5em;
				padding: 10px;
			}
			#content p{
				text-indent: 2em;
			}
			#content h3{
				font-size: 16px;
				margin: 10px;
			}
			#footer{
				height: 50px;
				width: 740px;
				line-height: 2em;
				text-align: center;
				background-color: darkseagreen;
				padding: 10px;
			}
		</style>
	</head>
	<body>
		<div id="header"></div>
		<ul id="nav">
			<li><a href="首页.html">首页</a></li>
			<li><a href="个人介绍.html">个人介绍</a></li>
			<li><a href="家乡景区.html">家乡景区</a></li>
			<li><a href="https://www.sjzlg.com/">我的学校</a></li>
		</ul>
		<div id="content">
			<h3>个人主页</h3>
			<p>希望能通过网页来了解我</p>
			<h3>备注</h3>
			<p>可能做的有些不好，希望能谅解一下，谢谢！</p>
		</div>
		<div id="footer">
			<p><h3>这么近，那么美，周末来河北！</h3></p>
		</div>
			
		</ul>
		</div>
		
	</body>
</html>